<#assign menuId=3>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>打样提交-${Application.systemName!}</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../css/myself.css"/>
		<style type="text/css">
			.Img{
				width: 60px;
				height: 60px;
			}
			.content{
				text-align: center;
				width: 100%;
				height: 100%;
				position: absolute;
			}
			.content_top{
				position: absolute;
				top: 20%;
				left: 30%;
			}
			.foot{
				position: absolute;
				top: 40%;
				left: 30%; 
				margin-top: 10px;
				
			}
			.black{
				font-size: 20px;
				margin-bottom: 10px;
			}
			.foot a{
				color: black;
			}
			.content{
				background: white;
			} 
		</style>
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <#include "../header.html"/>
        <!-- Left side column. contains the logo and sidebar -->
         <#include "../menu.html"/>
        
        
        <div class="wrapper row-offcanvas row-offcanvas-left">
           <aside class="right-side">
	            <div class="content col-md-12">
		            <div class="content_text">
		            	<div class="content_top">
		            		<img class="Img" src="../img/success.png"/>
							<div class="black">打样生产通知单创建完成</div>
							<div class="gray">
								如通知单填写有误，可在列表页或订单详情页
							</div>
							<div class="">
								<a href="fillNotice?ids=${ids!}&proofingOrderId=${id!}" class="black_text">【重新安排工厂】</a>，
								<span class="gray">重新填写信息</span>
							</div> 
		            	</div>
						
						<div class="foot">
							<a href="javascript:;" id="down_pdf" class="col-md-1 square">
								<img class="Img" src="../img/downlode.png"/>
								<div>下载通知单</div>
							</a>
							<a href="detail?proofingPatternId=${id!}" class="col-md-1 square">
								<img class="Img" src="../img/book.png" />
								<div>查看订单详情</div>
							</a>
							
						</div>
					</div>
		        </div>
            </aside><!-- /.right-side -->
        </div>

        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes -->
    </body>
    <script>
    	model={};
    	$(function(){
    		model.id='${ids!}'.split(',');
    		console.log(model.id);
    		$('#down_pdf').click(downPdf);
    	})
    	
    	function downPdf(){
    		for(var i=0;i<model.id.length;i++){
    			window.open('downPdf?id='+model.id[i]);
    		}
    	}
    </script>
</html>

